/*css reset*/
*{margin: 0;padding: 0; }
input,textarea,select{-webkit-appearance:none; outline:none;border-radius: 0;}
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
table {border-collapse: collapse;}
body{font-size:0.6rem; line-height:1.6; color:#333;}
a,li{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{color:#333;text-decoration:none; outline:none;}
a:hover{ text-decoration:none;}
body{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* placeholder */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color: #c7c7cd;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color: #c7c7cd;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color: #c7c7cd;
}
a,button,input,select,em,i,span,p{-webkit-tap-highlight-color:rgba(255,0,0,0);}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */
em{font-style: normal;}

/*base css*/
.clearfix:after,.coop:after{content:" ";height:0;visibility:hidden;display:block;clear:both;}

/*wrapper*/
.wrapper{max-width:750px; min-width:320px; margin:0 auto;}
.bg1{background-color: #c10e0e; color: #fff;}
.bg2{background: url('../images/bg.jpg') no-repeat;background-size: 100% auto;}
.bg3{background-color:#89aef8;}
.pt626{padding-top: 15.65rem;}
.mt56{margin-top: 1.4rem;}
.w1{width: 15.8rem;}
.w2{width: 10.0rem;}
.w3{width: 5.25rem;}
.btn{background:#f00 url('../images/btn.png') repeat-x; background-size: auto 100%; text-align: center;display: block;font-size:0.85rem;color: #fff;font-weight: 400; border-radius:5px;height: 2.25rem; line-height: 2.25rem;
-webkit-transition: opacity ease-in-out 0.5s;-o-transition: opacity ease-in-out 0.5s;transition: opacity ease-in-out 0.5s;}
.btn:active,.btn:hover{opacity: 0.9; color: #fff;}


/* gamebox */
.gamebanner{background: url('../images/game_bg.png') no-repeat top center;background-size: 100% auto;}
.gamebox{padding-top:9.0rem;}
.gamebox .counts{color: #fff;text-align: center;font-size: 0.85rem; margin-bottom: 0.85rem;}
.gamebox .counts em{color: #fefa43; margin: 0 0.2rem;}
/* 大转盘样式 */
.turnplate{display:block;width:88%;position:relative; z-index: 100; margin: 0 auto;background:url('../images/turnplate_bg.png') no-repeat;background-size:100%;}
.turnplate canvas{width: 100%; height: 100%;}
.turnplate img.pointer{position:absolute;width: 5.25rem;height:6.55rem;left:5.6rem;top:4.5rem;}
.turshad{background: url('../images/turnplate_shadow.png') no-repeat;background-size: cover; width: 12.95rem;height: 1.7rem; margin: -1.1rem auto 1.1rem; position: relative; z-index: 10;}

/* 弹窗 */
.popwrap{position: fixed;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0, 0, 0,0.6); left: 0; top: 0; display: none;}
.popwrap .cont{margin: 0 auto; position: relative; top: 20%; width: 15.0rem; height: 15.525rem;}
.popwrap .noPrize{background: url('../images/noprize.png') no-repeat; background-size: cover;}
.popwrap .noPrize p{text-align: center;font-size: 0.85rem; color: #666; position: absolute; width: 100%; left: 0;bottom:4.3rem;}
.popwrap .noPrize em{color: #da0e0e; margin: 0 0.125rem;}
.popwrap .noPrize a,.popwrap .prize a{position: absolute;display: block;width: 10.3rem;height: 2.75rem; bottom: 1.0rem; left: 2.25rem;}
.popwrap .prize{height:13.125rem;background: url('../images/prize.png') no-repeat; background-size: cover;}
.popwrap .prize a{bottom: 1.4rem;}

/* winlist */
.winlist{margin-top: 2rem;}
.winlist .t{width: 8.2rem;height: 2.2rem;background: url('../images/game_md.png') no-repeat;background-size: cover; margin: 0 auto 0.75rem;}
.winlist .list{margin: 0 auto 1.5rem; border-radius: 20px; width: 13.8rem; padding: 0.5rem 1.5rem; font-size: 0.75rem; height: 10.6rem; overflow: hidden; line-height: 2.7; }
.winlist .list ul{position: relative;
-webkit-animation-play-state:paused;-webkit-animation:8s move infinite linear;
animation-play-state:paused;animation:8s move infinite linear;}
.winlist .list span{color: #16aff8; margin: 0 0.15rem;}
.tipfoot{font-size: 0.65rem;color: #fd7d44;text-align: center; width: 13.0rem;margin: 0 auto 1.25rem;}
@-webkit-keyframes move  
{  
    0%{  
        top:0;  
    }  
    100%  
    {  
        top:-10.6rem;  
    }     
} 
@keyframes move  
{  
    0%{  
        top:0;  
    }  
    100%  
    {  
        top:-10.6rem;  
    }     
}  

/* box */
.box{margin: 0 0.75rem;}
input{height: 1.1rem;line-height: 1.1rem;padding: 0.575rem 0.75rem; border-radius: 5px; border: 0;font-size: 0.8rem;}


/* step */
.step li{margin-bottom: 0.5rem;}
.step .uimgcode,.step .imgcode{display: inline-block;vertical-align: middle;}
.step .imgcode{height: 2.25rem;float: right;}
.step2{display: none;}
.codebox{position: relative;}
.getcode{position: absolute; top: 0rem; right: 0rem; border-radius: 5px; width: 5.25rem;height:2.25rem; line-height:2.25rem; text-align: center;color: #fff;font-size: 0.75rem;background-color: #e43f21;}
.getcode:active,.getcode:hover{color: #fff;}
.getcode.disabled{background-color:#999; }

.intro{background-color: #fff; padding:1rem 0 2rem; margin-top: 1.0rem;}

/* popsuc */
#popsuc{position: fixed; z-index: 1000; width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.8); display: none;}
.sucwrap{width: 15.0rem;margin: 0 auto; position: relative;top: 20%;}
.sucwrap a{display: block;width: 12.0rem;height: 2.25rem; position: absolute; left: 1.45rem;bottom: 1.4rem;}